<div class="container page-container background-bg" id="event-organizer">
    <div class="page-header">
        <h2><span class="glyphicon glyphicon-glass"></span> Event</h2>
    </div>
    <div class="row" style="padding-left: 1em;padding-bottom: 1em;">
        <ul class="list-group col-md-2">
            <a class="list-group-item active">Events Calendar</a>
            <a href="" class="list-group-item">Events List</a>
            <a href="" class="list-group-item">Create Event</a>
        </ul>
        <div class="event-calendar col-md-10">
            <?php echo $calendar?>
        </div>
    </div>
    <!--View Event Modal-->
    <div class="modal fade" id="view-event-popup" tabindex="-1" role="dialog" aria-labelledby="view-event-title" aria-hidden="true" style="width: 90%">
        <div class="modal-dialog view-event-modal-container">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="view-event-title">Upload File</h4>
                </div>
                <div class="modal-body">
                    <div class="form-horizontal">
                        <div class="form-group">
                            <label for="filename" class="col-sm-2 control-label">Filename</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control required" name="filename" id="filename">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="file-type" class="col-sm-2 control-label">File Type</label>
                            <div class="col-sm-10">
                                <select class="form-control select-file-type" name="file_type">
                                    <option value="0">Documents</option>
                                    <option value="1">Reports</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputPassword3" class="col-sm-2 control-label">File</label>
                            <div class="col-sm-10">
                                <input type="file" class="form-control required" name="userfile" id="userfile">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default btn-cancel" data-dismiss="modal">Cancel</button>
                    <button type="button" class="btn btn-primary btn-upload">Upload</button>
                </div>
            </div>
        </div>
    </div>
</div>